<template>
  <div>
    <vue-markdown :source="markdown" :plugins="plugins"></vue-markdown>
  </div>
</template>

<script>
import VueMarkdown from 'vue-markdown/dist/vue-markdown'
// import markdownItAnchor from 'markdown-it-anchor';
// import markdownItToc from 'markdown-it-table-of-contents';
// import markdownItEmoji from 'markdown-it-emoji';
// import markdownItKatex from 'markdown-it-katex';

export default {
  data() {
    return {
      markdown: '# Hello, Vue Markdown!',
      // plugins: [
      //   markdownItAnchor,
      //   [markdownItToc, { includeLevel: [2, 3] }],
      //   markdownItEmoji,
      //   markdownItKatex
      // ]
    }
  },
  components: {
    VueMarkdown
  }
}
</script>
